<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <script src="js/vue.js"></script>
    <script src="js/jquery-3.1.1.min.js"></script>
    <link href="css/frozenui-1.3.0/dist/css/frozen.css" type="text/css" rel="stylesheet">
    <meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi ">
</head>
<body>
<div id="app">
    <!--<text-list v-for="item in list" v-bind:text="item" v-bind:title="item"></text-list>-->
    <comment-list v-for="item in list" v-bind:comment="item"></comment-list>
</div>
<script src="js/ViewJS/XJ.js"></script>
<script>
    
    var data=[
        { title:"水果",name: '蔬菜' },
        { title:"水果",name: '奶酪' },
        { title:"水果",name: '随便其他什么人吃的东西' },
        { title:"语言",name:"诶，舒服"}
    ];
    // master add Line 
    // master add 2 Line 
    var commentList=[
        { author:"香蕉",date: '2017-10-11',content:"水果真的很好吃" },
        { author:"苹果",date: '2017-10-11',content:"苹果才是好吃" },
        { author:"西红柿",date: '2017-10-11',content:"我西红柿不服" },
        { author:"榴莲",date: '2017-10-11',content:"恕我直言，在座的各位都是垃圾" }
    ];

    var xj=new XJ();
    xj.init.asCommentList();
    xj.bind("app");
    xj.bind.data(commentList);
</script>
</body>
</html>